$(function () {

    // 导航轮播
    $("#slider").slidebox({
        boxh: 430, //盒子的高度
        w: 1000, //图片的宽度
        h: 400, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    // 今日推荐轮播

    $(".b-slider").slidebox({
        boxh: 218, //盒子的高度
        w: 330, //图片的宽度
        h: 218, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $(".c-slider").slidebox({
        boxh: 342, //盒子的高度
        w: 429, //图片的宽度
        h: 342, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });


    // 电子书选择卡

    $('.book-top p').mouseover(function () {
        $(this).addClass('active').siblings().removeClass('active')
        // 获取索引
        let index = $(this).index()
        $('.book-list').eq(index - 1).addClass('on').siblings('.book-list').removeClass('on')
    })


    $('.ttop p').mouseover(function () {
        $(this).addClass('active').siblings().removeClass('active')
        // 获取索引
        let index = $(this).index()
        // $('.book-list').eq(index-1).addClass('on').siblings('.book-list').removeClass('on')
    })

    // 手风琴电子书

    $('.book-right li').mouseover(function () {
        // 删除所有on类名，给当前选中的li下的div添加类名
        $('.book-right div').removeClass('on')
        $('div', this).addClass('on')
        // 删除所有active类名，给当前选中的li下的h4添加类名
        $('.book-right h4').removeClass('active')
        $('h4', this).addClass('active')
    })


    //推广商品移入事件

    $('.goods li').mouseover(function () {
        $(this).addClass('active').siblings().removeClass('active')
    })

    //推广商品选择卡

    $('.goods .ttop div').mouseover(function () {
        $(this).addClass('on').siblings().removeClass('on')
        // 获取索引
        let index = $(this).index()
        $('.goods .goods-p ul').eq(index - 1).addClass('active-2').siblings('ul').removeClass('active-2')
    })


    $('.ttop p').mouseover(function () {
        $(this).addClass('active').siblings().removeClass('active')
        // 获取索引
        let index = $(this).index()
        // $('.book-list').eq(index-1).addClass('on').siblings('.book-list').removeClass('on')
    })


    // 楼梯*//

    $('.floor p').mouseover(function () {
        // 改变当前背景色
        let bgc = $(this).data('bgc')

        $(this).css({
            backgroundColor: bgc,
            backgroundPositionX: -40,
            width: 80,
        })
    })

    // 移出变回原样

    $('.floor p').mouseout(function () {
        $(this).css({
            backgroundColor: '',
            backgroundPositionX: 0,
            width: 40
        })
    })

    // 点击按钮到达对应楼层

    $('.floor p').click(function () {
        // 获取索引
        let index = $(this).index()
        if (index === 5) {
            $('html').animate({
                scrollTop:0
            })
        } else {
            // 找到对应楼层
            let top = $('.lf').eq(index).offset().top
            // 点击到达相应楼层高度
            $('html').animate({
                scrollTop: top
            })
        }
    })

    // 顶部搜索框划入

    $(window).scroll(function(){
        // 获取顶部距离
        let sTop=$('html').scrollTop()
        // 判断
        if(sTop>800){
            $('.fixTop').slideDown()
            // 追加搜索框
            $('.search').appendTo('.fixTop')
        }else{
            $('.fixTop').slideUp()
            $('.search').appendTo('.head-search')
        }
    })


})